<%--
  Created by IntelliJ IDEA.
  User: shyroke
  Date: 2018/6/29 0029
  Time: 10:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ page isELIgnored="false" %>
<%
    String path = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
    <title>个人信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="<%=path%>/script/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="<%=path%>/css/nav.css">
    <link rel="stylesheet" href="<%=path%>/css/boke/main.css">
    <link rel="stylesheet" type="text/css" href="<%=path%>/css/tree/default.css">
</head>
<body>
<!-- 导航栏  -->
<nav class="navbar navbar-fixed-top my-navbar" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <img class="nav-logo" src="<%=path%>/img/nav-logo.png">
            </a>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#">日记与博客</a></li>
                <li><a href="#">备忘录</a></li>
                <li><a href="#">音乐</a></li>
                <li><a href="#">游戏</a></li>
                <li><a href="#">宠物</a></li>
                <li>
                    <a href="<%=path%>/jianliController/jianliMain">简历</a>
                </li>
                <li>
                    <a href="#">留言板</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!-- end  -->
<div id="content">
<div class="container">
    <div class="row">
        <!--  左边文章的文件夹菜单  -->
        <div class="col-md-3">
                <div id="treeview6" class="studyNote"></div>
        </div>
        <!-- end  -->

        <!--  右边文章的信息  -->
        <div class="col-md-9">
            <div class="container-fluid" style="padding:0;">
                <c:forEach items="${articleList}" var="article">
                    <div class="row info-content">
                        <div class="col-md-3 col-sm-5 col-xs-5">
                            <img src="<%=path%>/${article.image}" class="img-responsive" alt="">
                        </div>
                        <div class="col-md-9 col-sm-7 col-xs-7">
                            <h4 style="color:#428bca">${article.title}</h4>
                            <p class="hidden-xs">${fn:substring(article.content, 0, 50)}  <a>[阅读全文]</a></p>
                            <p >  &nbsp;&nbsp;&nbsp; <span style="color:#428bca"> shyroke </span> &nbsp;&nbsp;&nbsp;  ${article.showCreateTime} &nbsp;&nbsp;&nbsp;  <span class="glyphicon glyphicon-eye-open">(${article.readCount})</span> </p>
                        </div>
                    </div>
                </c:forEach>
            </div>

        </div>
        <!-- end  -->
    </div>
</div>
</div>
<footer>
    <nav class="navbar-fixed-bottom text-center navbar-default">
        All images and contents &copy;尤鸿杰
    </nav>
</footer>
<script src="<%=path%>/script/jquery-3.2.1.min.js"></script>
<script src="<%=path%>/script/bootstrap/js/bootstrap.min.js"></script>
<script src="<%=path%>/script/nav.js"></script>
<script src="<%=path%>/script/boke/main.js"></script>
<script src="<%=path%>/script/tree/bootstrap-treeview.js"></script>
</body>

